<template>
  <el-form label-width="0">
    <el-form-item>
      <el-radio v-model="radio" value="0">分钟，允许的通配符[, - * /]</el-radio>
    </el-form-item>
    <el-form-item>
      <el-radio v-model="radio" value="1">
        周期从
        <el-input-number v-model="num" :min="1" :max="10" size="small" />
        至
        <el-input-number v-model="num" :min="1" :max="10" size="small" />分钟
      </el-radio>
    </el-form-item>
    <el-form-item>
      <el-radio v-model="radio" value="2">
        从
        <el-input-number v-model="num" :min="1" :max="10" size="small" />
        分钟开始，每
        <el-input-number v-model="num" :min="1" :max="10" size="small" />
        分钟执行一次
      </el-radio>
    </el-form-item>
    <el-form-item>
      <el-radio v-model="radio" value="3">
        <div>指定</div>
      </el-radio>
      <el-select v-model="value1" multiple placeholder="Select">
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
      </el-select>
    </el-form-item>
  </el-form>
</template>
<script setup lang="ts">
defineOptions({
  name: 'CronMonthForm',
});
import { ref } from 'vue';
const num = ref(0);
const radio = ref('1');
const value1 = ref([]);
const options = [
  {
    value: 'Option1',
    label: 'Option1',
  },
  {
    value: 'Option2',
    label: 'Option2',
  },
  {
    value: 'Option3',
    label: 'Option3',
  },
  {
    value: 'Option4',
    label: 'Option4',
  },
  {
    value: 'Option5',
    label: 'Option5',
  },
];
</script>
